<template>
  <div class="block">
    <div class="flex">
      <div :class="false ? 'func-active' : 'func'" @click="navigateToSimright">
        <img src="../../assets/Simright.svg" alt="" class="icon" />
        <span class="func-name">Simright 3DLite</span>
      </div>
      <div class="fill"></div>
      <div :class="false ? 'func-active' : 'func'">
        <img src="../../assets/ASAP.svg" alt="" class="icon" />
        <span class="func-name">ASAP</span>
      </div>
    </div>
    <div class="title">后处理</div>
    <FileSelectModal transfer></FileSelectModal>
  </div>
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
import { useCoreStore } from "@/UI/store";
import { storeToRefs } from "pinia";
import { useRoute } from "vue-router";
import FileSelectModal from "@/UI/components/PostProcessing/FileSelectModal.vue";
const coreStore = useCoreStore();
const route = useRoute();
function navigateToSimright() {
  coreStore.openSimRightModal();
  // window.open(
  //   "http://47.100.101.102:49203/applications/3dlite/projects/p/wy/case1.vtk"
  // );
}
</script>
<style lang="less" scoped>
@import "../../styles/xxxTool.less";
</style>
